<!--
 * hi-ui-pro - 组件
 *
 * @author 济南晨霜信息技术有限公司
 * @mobile 18560000860 / 18754137913
 -->
<template>
    <view class="page-view">
        <module-menu>
            <hi-cell
                :title="item.title"
                :leftIconName="item.icon"
                :desc="item.desc"
                v-for="item in components"
                :key="item.name"
                @tap="handleComponentClick(item)"
            ></hi-cell>
        </module-menu>
    </view>
</template>

<script setup>
    import { ref } from "vue";

    // 基础组件
    const components = ref([{ title: "商品", desc: "Goods", icon: "/static/images/icons/goods.png", path: "/subPackages/goods/pages/index" }]);

    /**
     * 组件列表项点击事件
     */
    const handleComponentClick = (item) => {
        uni.navigateTo({ url: item.path });
    };
</script>

<style lang="scss" scoped></style>
